<template>
  <div class="main-layout">
    <div style="margin: auto;margin-top: 30px;border-radius: 20px;width: 360px;
        height: calc(100vh - 110px);overflow: hidden;background-color: white">
      <iframe style="width: 100%;height: 100%" frameborder="0" :src="pagerUrl"></iframe>
    </div>
  </div>
</template>

<script>
export default {
  name: "pagerView",
  data() {
    return {}
  },
  computed: {
    pagerUrl() {
      return process.env.NODE_ENV == 'development' ? "/#/pager" : "/vuedemo/#/pager"
    }
  }
}
</script>

<style scoped>
.main-layout {
  width: 100%;
  height: 100vh;
  background-color: #c9cbcc;
}
</style>
